<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/xd.css">
  

  <title>网易云音乐-新碟上架</title>
</head>
<body>
      <!-- 头部 -->
      <header>
        <div class="wrap clearfix">
          <ul class="left">
            <li>
              <a href="#">
               <img src="./favicon.ico" alt=""> 网易云音乐
                
              </a>
            </li>
            <li><a href="#">
                <span>发现音乐</span>
              </a></li>
            <li><a href="#">
                <span>我的音乐</span>
              </a></li>
            <li><a href="#">
                <span>关注</span>
              </a></li>
            <li><a href="#">
                <span>商城</span>
              </a></li>
            <li><a href="#">
                <span>音乐人</span>
              </a></li>
            <li><a href="#">
                <span>云推歌</span>
              </a></li>
            <li><a href="#">
                <span>下载客户端</span>
              </a></li>
      
          </ul>
          <div class="right">
            <!-- 搜索框制作 -->
            <div class="search">
              <input type="text" placeholder="音乐.电台.视频.用户">
              <div class="logo"></div>
            </div>
            <!-- 创作者中心制作 -->
            <div class="create">
              <a href="#">创作者中心</a>
            </div>
            <!-- 登录制作 -->
            <div class="denglu">
              <a href="#">登录</a>
            </div>
          </div>
        </div>
        <!-- 上方导航栏制作 -->
        <div class="hd clearfix">
          <ul class="nav1">
            <a href="index.html">推荐</a>
            <a href="#">排行版</a>
            <a href="gd.html" target="_blank">歌单</a>
            <a href="#">播客有声书</a>
            <a href="gs.html">歌手</a>
            <a href="xd.html" class="red">新碟上架</a>
          </ul>
        </div>
      </header>
      <div class="x">
        <div class="w">
            <div class="dz">
                <div class="die">
                  <div class="die-hd clearfix">
                    <h3>热门新碟</h3>
                  </div>
                  <div class="die-bd">
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                  </div>
                </div>
                <div class="die">
                  <div class="die-hd clearfix">
                    <h3>全部新碟</h3>
                    <a href="#">全部</a>
                    <p>|</p>
                    <a href="#">华语</a>
                    <p>|</p>
                      <a href="#">欧美</a>
                    <p>|</p>
                      <a href="#">韩国</a>
                    <p>|</p>
                      <a href="#">日语</a>
                  </div>
                  <div class="die-bd">
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                    <a class="dieone">
                      <img src="./images/109951170600632372.jpg" alt="">
                      <div class="bofang"></div>
                      <p>乐透人生</p>
                      <span>马思维</span>
                    </a>
                  </div>
                  <div class="sing-foot">
                    <ul class="y">
                      <li class="prev">
                        < 上一页</li>
                      <li class="xiared ym" data-id="1">1</li>
                      <li class="ym" data-id="2">2</li>
                      <li class="ym" data-id="3">3</li>
                      <li class="ym" data-id="4">4</li>
                      <li class="ym" data-id="5">5</li>
                      <li class="ym" data-id="6">7</li>
                      <li class="ym" data-id="7">8</li>
                      <li data-id="8">...</li>
                      <li class="ym" data-id="9">19</li>
                      <li class="next">下一页 ></a></li>
                    </ul>    </div>
                </div>
            </div>
      </div>
      </div>
      <!-- 底部制作 -->
      <footer>
        <div class="w">
          <div class="enter clearfix">
            <ul>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
              <li>
                <a href="#"></a>
                <p>音乐开放平台</p>
              </li>
            </ul>
          </div>
          <div class="copy">
            <div class="d1 clearfix">
              <a href="#">服务条款</a>
              <p>|</p>
              <a href="#">隐私政策</a>
              <p>|</p>
              <a href="#">儿童隐私政策</a>
              <p>|</p>
              <a href="#">版权投诉</a>
              <p>|</p>
              <a href="#">投资者关系</a>
              <p>|</p>
              <a href="#">广告合作</a>
              <p>|</p>
              <a href="#">联系我们</a>
            </div>
            <div class="d2 clearfix">
              <a href="#">廉政举报</a>
              <p>不良信息举报邮箱 51jubao@sevice.netease.com</p>
              <p>客服热线:95163298</p>
            </div>
            <div class="d3">
              互联网宗教信息服务许可证：浙(2022)0000120 增值电信业务经营许可证:浙B2-20150198 粤B2-20090191-18 浙ICP备15006616号-4 工业和信息化部备案管理系统网站
            </div>
            <div class="d4">网易公司版权所有©1997-2025杭州乐读科技有限公司运营:浙网文[2024] 0900-042号 浙公网安备 33010802013307号 算法服务公示信息</div>
          </div>
        </div>
      </footer>
    <div class="top-fh"><a href="#" class="fh">^&nbsp top</a></div>
     <script src="./js/xd.js"></script>
     <script src="./js/common.js"></script>

</body>
</html>